<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>发布</title>
    <link rel="shortcut icon" type="image/x-icon" href="../img/yitiao-icon.png">
    <link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.7/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/footer-bar.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        section {
            width: 100%;
        }
        .row {
            width: 100%;
            margin: 0;
        }
        .col-xs-12 {
            width: 100%;
            padding: 0;
        }
        body{
            height: 100%;
        }
        .container{
            padding: 15px;
            height: 100%;
        }
        .title {
            position: fixed;
            top: 0;
            z-index: 9;
            background-color: white;
        }
        .container {
            margin-top: 40px;
        }
        h3 {
            margin-top: 10px;
            margin-left: 20px;
        }
        .title-input{
            padding: 10px;
        }
        .text-control{
            width: 100%;
        }
        .btn{
            width: 100%;
            margin-top: 5px ;
        }
        .input-title{
            padding: 5px;
        }
        .title-input{
            height: 60px;
        }
        .text-control{
            height: 500px;
        }
        .input-passage{
            padding: 5px;
        }
    </style>
</head>
<body>
<section>
    <div class="row title">
        <h3 class="col-xs-12"><small>发布</small></h3>
    </div>
</section>
<section>
    <div class="page-main-body container">
        <div class="row">
            <div class="col-md-1">
            </div>
            <div class="col-md-10">
                <form class="passage" action="${pageContext.request.contextPath }/AddMessage" method="post">
                    <div class="input-title">
                        <input class="title-input form-control" type="text" name="title" placeholder="输入标题……">
                    </div>
                    <div class="input-passage">
                        <textarea class="text-control form-control" name="context" rows="18" cols="40" placeholder="输入文字……"></textarea>
                    </div>
                    <button type="submit" class="btn btn-default">提交文章</button>
                </form>
            </div>
        </div>
    </div>
</section>
<footer>
    <div id="footer-bar">
        <div class="item find active">
            <a href="../index.jsp" style="text-decoration: none">
                <span class="footer-title">发现</span>
            </a>
        </div>
        <div class="item follow">
            <a href="follow.jsp" style="text-decoration: none">
                <span class="footer-title">关注</span>
            </a>
        </div>
        <div class="item release">
            <a href="./release.jsp" style="text-decoration: none">
                <img src="../img/find/plus.png" alt="plus" class="plus">
            </a>
        </div>
        <div class="item information">
            <a href="./information.jsp" style="text-decoration: none">
                <span class="footer-title">消息</span>
            </a>
        </div>
        <div class="item home">
            <a href="home.jsp" style="text-decoration: none">
                <span class="footer-title">我的</span>
            </a>
        </div>
    </div>
</footer>
</body>
<script src="../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/bootstrap-3.3.7/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/footer-bar.js"></script>
</html>
